<!--
 * @Author: alenjzhang
 * @Date: 2024-03-20 22:39:49
 * @Description: 入职信息
-->
<script setup lang="ts">
import { INPUT_PLACEHOLDER, SELECT_PLACEHOLDER, type StaffFormProps, dateFormat } from '@/const';
import { toRefs } from 'vue';

const props = defineProps<StaffFormProps>()

const { readonly, formState } = toRefs(props);


</script>

<template>
	<a-form-item label="入职时间" class="thirtyPercentWidth" name="startTime">
		<a-date-picker v-if="!readonly" class="fullWidth" :valueFormat="dateFormat"
			:placeholder="SELECT_PLACEHOLDER" v-model:value="formState.startTime">
		</a-date-picker>
	</a-form-item>
	<a-form-item label="联系电话" class="thirtyPercentWidth" name="phone">
		<a-input class="fullWidth" :placeholder="INPUT_PLACEHOLDER" v-model:value="formState.phone">
		</a-input>
	</a-form-item>
	<a-form-item label="入职角色" class="thirtyPercentWidth" name="role">
		<a-input class="fullWidth" :placeholder="SELECT_PLACEHOLDER" v-model:value="formState.role">
		</a-input>
	</a-form-item>
</template>
